<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <button id="btn">点</button>
    <form action="#">
      <input type="text" name="username" />
    </form>
    <script>
      /* 
            location 表示的是浏览器地址栏的信息
                - 可以直接将location的值修改为一个新的地址,这样会使网页发生跳转
                - location.assign() 跳转到一个新的地址,直接给location赋值是一个效果 比如:
                    location = "https://www.baidu.com"
                - location.repalce() 跳转到一个新的地址(无法按回退)
                - location.reload() 刷新页面,可以传递一个true来强制清除缓存刷新.
                - location.href 获取当前地址 是一个值,返回当前地址 
        */
      const btn = document.getElementById('btn');
      btn.addEventListener('click', () => {
        // location = "https://www.baidu.com"
        // location.replace( "https://www.baidu.com")
        // location.reload(false)
        alert(location.href);
      });
    </script>
  </body>
</html>
